<template>
  <a-anchor-link
    :href="href"
    :target="target"
    :title="title"
  >
    <template v-if="$slots.title" #title>
      <slot name="title" />
    </template>
    <slot />
  </a-anchor-link>
</template>

<script>
import { defineComponent } from 'vue'
import { AnchorLink } from 'ant-design-vue'
export default defineComponent({
  name: 'ZAnchorLink',
  components: {
    AAnchorLink: AnchorLink
  },
  props: {
    href: {
      type: String,
      default: undefined
    },
    target: {
      type: String,
      default: undefined
    },
    title: {
      type: String,
      default: undefined
    }
  }
})
</script>
